﻿<phone:PhoneApplicationPage 
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
	xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:SampleData="clr-namespace:Expression.Blend.SampleData.PlaylistPageSampleDate"
	mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="800"
	x:Class="SampleApplication.PlaylistPage"
	Orientation="Portrait"
	shell:SystemTray.IsVisible="True">
	<phone:PhoneApplicationPage.Resources>
		<DataTemplate x:Key="PodcastsItemTemplate">
			<StackPanel>
				<TextBlock Text="{Binding Description}"/>
				<CheckBox IsChecked="{Binding IsFirst, Mode=TwoWay}"/>
				<TextBlock Text="{Binding PodcastAge}"/>
				<TextBlock Text="{Binding Presenters}"/>
				<Image Source="{Binding ProgramImage}" HorizontalAlignment="Left" Height="64" Width="64"/>
				<TextBlock Text="{Binding ProgramName}"/>
				<TextBlock Text="{Binding ProgramSlogan}"/>
			</StackPanel>
		</DataTemplate>
	</phone:PhoneApplicationPage.Resources>

	<phone:PhoneApplicationPage.FontFamily>
		<StaticResource ResourceKey="PhoneFontFamilyNormal"/>
	</phone:PhoneApplicationPage.FontFamily>
	<phone:PhoneApplicationPage.FontSize>
		<StaticResource ResourceKey="PhoneFontSizeNormal"/>
	</phone:PhoneApplicationPage.FontSize>
	<phone:PhoneApplicationPage.Foreground>
		<StaticResource ResourceKey="PhoneForegroundBrush"/>
	</phone:PhoneApplicationPage.Foreground>

	<!--LayoutRoot is the root grid where all page content is placed-->
	<Grid x:Name="LayoutRoot" Background="Transparent" DataContext="{Binding Source={StaticResource PlaylistPageSampleData}}">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="SG_Playlist">
				<VisualState x:Name="VS_Empty"/>
				<VisualState x:Name="VS_NotEmpty">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SP_Empty">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Grid.RowDefinitions>
			<RowDefinition Height="Auto"/>
			<RowDefinition Height="*"/>
		</Grid.RowDefinitions>
		
		<!--TitlePanel contains the name of the application and page title-->
		<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
			<TextBlock x:Name="ApplicationTitle" Text="{StaticResource StationName}" Style="{StaticResource PhoneTextNormalStyle}" Foreground="{StaticResource BrandColour1Brush}"/>
			<TextBlock x:Name="PageTitle" Text="{StaticResource MyPlaylist}" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
		</StackPanel>

		<!--ContentPanel - place additional content here-->
		<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
			<StackPanel x:Name="SP_Empty" VerticalAlignment="Top">
				<TextBlock TextWrapping="Wrap" 
					Text="{Binding ConverterParameter=upper, 
						Converter={StaticResource CaseConverter}, Source={StaticResource PlaylistEmpty}}" 
					Style="{StaticResource PhoneTextTitle3Style}" Opacity="0.66"
				/>
				<TextBlock TextWrapping="Wrap" Text="{StaticResource AddToPlaylist}" Style="{StaticResource PhoneTextNormalStyle}" Opacity="0.66"/>
				<Rectangle Fill="{StaticResource PhoneForegroundBrush}" Height="48" Width="48">
					<Rectangle.OpacityMask>
						<ImageBrush Stretch="None" ImageSource="/WindowsPhoneAudioStreaming.SampleApplication;component/icons/appbar.star.add.png"/>
					</Rectangle.OpacityMask>
				</Rectangle>
			</StackPanel>
			<ListBox x:Name="LB_NotEmpty" ItemTemplate="{StaticResource PodcastTemplate0}" ItemsSource="{Binding Podcasts}" VerticalAlignment="Top" ItemContainerStyle="{StaticResource PlaylistListItemContainerStyle}" HorizontalContentAlignment="Stretch" Margin="{StaticResource PhoneHorizontalMargin}"/>
		</Grid>
	</Grid>
</phone:PhoneApplicationPage>